<!DOCTYPE html>
<html lang="CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>源码大数据-首页</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/api-details.css" />
</head>

<body>
    <!-- 头部区域 -->
    <header class="fz-0">
        <h2>
            <a href="#">源码大数据logo</a>
        </h2>
        <ul class="flex-c-c fz-14 fc-gray">
            <li class="active">首页</li>
            <li>API</li>
            <li>开发者</li>
            <li>云服务</li>
            <li>案例</li>
        </ul>
        <div class="">
            <span>登录</span>
            <span>注册有礼</span>
        </div>
    </header>

    <main>
        <!-- banner区 -->
        <section id="banner" class="rel">
            <div id="bannerBg" class="abs">

                <div class="container">
                    <div>
                        <img src="./imgs/API_02.jpg" alt="图片损坏" />
                        <div>
                            <div>
                                <img src="./imgs/API详情页_smallicon_01.jpg" alt="图片损坏" />
                                <p>123</p>
                            </div>
                            <div>
                                <img src="./imgs/API详情页_smallicon_02.jpg" alt="图片损坏" />
                                <p>456</p>
                            </div>
                            <div>
                                <img src="./imgs/API详情页_smallicon_03.jpg" alt="图片损坏" />
                                <p>78</p>
                            </div>
                        </div>

                    </div>

                    <div>
                        <div>
                            <span class="fz-20">身份证实名认证</span>
                            <span>支持HTTPS</span>
                            <span>企业专用</span>
                        </div>
                        <div>
                            <img src="./imgs/API详情页_03.jpg" alt="图片损坏" />
                            <span>限企业实名用户使用</span>
                            <img src="./imgs/API详情页_08.jpg" alt="图片损坏" />
                            <span>本应用需提供应用场景审核</span>
                            <img src="./imgs/API详情页_05.jpg" alt="图片损坏" />
                            <span>个人实名用户无法使用</span>
                        </div>
                        <div>
                            <p>检测姓名和身份证号是否一致，身份证验证</p>
                        </div>
                        <ul id="Pricechoice">
                            <li class="default">扫码测试</li>
                        </ul>
                        <div id="Pricetext">
                            <span>&yen;1200</span>
                            <span>(约0.3000元/次)，仅限实名用户使用</span>
                        </div>
                        <div>立即申请</div>
                    </div>


                </div>



            </div>
        </section>


    </main>
    <footer>
        <div class="container">
            <div>
                <div>
                    <h5>联系与支持</h5>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                </div>
                <div>
                    <h5>关于源码</h5>
                    <p>合作伙伴</p>
                    <p>服务条款</p>
                    <p>隐私政策</p>
                    <p>市场合作</p>
                    <p>反商业贿赂声明</p>
                </div>
                <div>
                    <h5>快速入口</h5>
                    <p>API数据</p>
                    <p>黑钻会员</p>
                    <p>新闻动态</p>
                    <p>联系我们</p>
                    <p>加入我们</p>
                </div>
                <div>
                    <h5>产品服务</h5>
                    <p>云监测</p>
                    <p>云查询</p>
                    <p>云助手</p>
                    <p>聚盒子</p>
                    <p>云充值</p>
                </div>
                <div>
                    <h5>解决方案</h5>
                    <p>数字中台</p>
                    <p>慧集：API生命周期管理</p>
                    <p>有赢：助力企业营销</p>
                </div>
            </div>
            <div>
                <h3>微信公众号</h3>
                <p>源码时代</p>
                <img src="./imgs/wechat-white.png" alt="图片损坏">
            </div>
        </div>
        <div class="container">
            <img src="./imgs/bei1.png" alt="图片损坏" />
            <img src="./imgs/bei2.png" alt="图片损坏" />
            <span>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
            <span>源码大数据股份有限公司©版权所有</span>
        </div>
    </footer>
    <script src="./js/util.js"></script>
    <script src="./js/api-details.js"></script>
    <script>
        // console.log("高度", $("#bannerBg").style.height);
        // console.log("高度", window.getComputedStyle($("#bannerBg")).height);
        window.onload = function () {
            //配置
            var config = {
                vx: 6, //点x轴速度,正为右，负为左
                vy: 6, //点y轴速度
                height: 1.5, //点高宽，其实为正方形，所以不宜太大
                width: 1.5,
                count: 200, //点个数
                color: "#222", //点颜色
                stroke: "#000", //线条颜色
                dist: 6000, //点吸附距离
                e_dist: 20000, //鼠标吸附加速距离
                max_conn: 10, //点到点最大连接数
            };
            //调用
            CanvasParticle(config);
        };
    </script>
    <script type="text/javascript" src="./lib/canvas-particle.js"></script>
</body>

</html>